
  <template>
  <table class="my-table">
    <thead>
      <tr>
        <th>就诊日期</th>
        <th>医生姓名</th>
        <th>诊断结果</th>
        <th>处方信息</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item , index) in list" :key="index">
        <td>{{ item.time }}</td>
        <td>{{ item.uname }}</td>
        <td>{{ item.result }}</td>
        <td>{{ item.message }}</td>
        <td @click="particulars(item)">详情</td>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  name: 'MyPerson',
  props: ['list'],
  
  methods : {
   particulars(item){
    this.$emit('particulars' ,item)
   }
  }
}
</script>

<style scoped>
 .my-table {
    border-collapse: collapse;
    width: 100%;
  }

  .my-table td, .my-table th {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }

  .my-table th {
    background-color: #f2f2f2;
  }
</style>